<template>
  <div>
    <el-form :model="customer" label-width="auto" style="max-width: 1000px; margin: auto">

       <el-row>
        <el-col :span="12">
          <el-form-item label="市场:">
            <el-select
              v-model="customer.market"
              placeholder="请选择 内销、外销"
            >
              <el-option
                v-for="item in marketOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="国家:">
            <el-select v-model="customer.country" placeholder="请选择">
              <el-option
                v-for="item in countryOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="客户公司名称">
            <el-input v-model="customer.customer" placeholder="请输入客户公司名称" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="机型：">
            <el-input v-model="customer.model" placeholder="请输入" />
          </el-form-item>
        </el-col>
        </el-row>

          <el-row>
        <el-col :span="12">
          <el-form-item label="成交或询价产品">
            <el-checkbox-group v-model="product">
              <el-checkbox label="配件" value="配件" />
              <el-checkbox label="固定设备" value="固定设备" />
              <el-checkbox label="移动设备" value="移动设备" />
            </el-checkbox-group>F
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="感兴趣的产品">
            <el-input v-model="customer.interestProduct" placeholder="请输入" />
          </el-form-item>
        </el-col>
        </el-row>

        <el-row>
        <el-col :span="12">
          <el-form-item label="客户联系人:">
            <el-input v-model="customer.contactName" placeholder="请输入" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="客户联系手机:">
            <el-input v-model="customer.mobile" placeholder="请输入" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="客户邮箱:">
            <el-input v-model="customer.customer_email" placeholder="请输入" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="老板联系人:">
            <el-input v-model="customer.boss" placeholder="请输入" />
          </el-form-item>
        </el-col>
      </el-row>
       <el-row>
        <el-col :span="12">
          <el-form-item label="老板联系手机:">
            <el-input v-model="customer.boss_phone" placeholder="请输入" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="老板邮箱:">
            <el-input v-model="customer.boss_email" placeholder="请输入" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="联系地址:">
            <el-input v-model="customer.address" placeholder="请输入" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="客户目的港口:">
            <el-input v-model="customer.target_port" placeholder="请输入" />
          </el-form-item>
        </el-col>
      </el-row>



    
    </el-form>
  </div>
</template>
<script setup>


import custome from '@/router/modules/customer';
import { ref } from 'vue'
//公司名称
const company = ref('');
//国家选项
const countryOptions = ref([])
//市场选项
const marketOptions = [
  { value: '1', label: '内销' },
  { value: '2', label: '外销' },
];
//表单对象
const customer = ref({
  account: "",
  address: "",
  boss: "",
  boss_email: "",
  boss_phone: "",
  cid: 0,
  company: "",
  company_profile: "",
  contactName: "",
  country: "",
  customer_email: "",
  customer_type: 0,
  destination: "",
  dourier_address: "",
  id: 0,
  interestPid: 0,
  interestProduct: "",
  isFit: 0,
  market: 1,
  mobile: "",
  model: "",
  password: "",
  product: "",
  saleId: 0,
  source: 0,
  target_port: "",
  validMobile: ""
});
</script>

<style>

</style>
